import {
  BoostnoteIconProps,
  BoostnoteIconStyledContainer
} from '../../lib/icons'
import React from 'react'

export const IconBook = (props: BoostnoteIconProps) => (
  <BoostnoteIconStyledContainer>
    <svg
      width='1em'
      height='1em'
      viewBox='0 0 48 40'
      {...props}
      style={
        props.size != null
          ? { ...props.style, width: props.size, height: props.size }
          : props.style
      }
    >
      <path
        d='M23.81 39.873l.19.008a2.426 2.426 0 01-1.122-.277 2.408 2.408 0 01-.367-.24l-.045-.038a2.196 2.196 0 01-.137-.121c-.004-.006-.009-.01-.014-.015-1.261-1.245-4.57-2.5-9.115-2.5-3.091 0-5.972.599-7.9 1.643a3.55 3.55 0 01-3.544-.075A3.57 3.57 0 010 35.165V7.51c0-1.306.53-2.566 1.458-3.454C4.099 1.516 8.488 0 13.2 0c2.167 0 4.246.307 6.179.916a2.402 2.402 0 01-1.441 4.58C16.492 5.04 14.854 4.8 13.2 4.8c-3.449 0-6.674 1.04-8.418 2.716l.017 25.782c2.389-.915 5.3-1.408 8.401-1.408 4.24 0 8.164.961 10.8 2.583 2.636-1.621 6.56-2.583 10.8-2.583 3.098 0 6.008.493 8.4 1.408V7.51c-1.726-1.67-4.951-2.71-8.4-2.71-3.912 0-6.9 1.284-8.4 2.703v21.704c0 1.27-.987 2.31-2.236 2.395l-.164.005a2.4 2.4 0 01-2.4-2.4V6.565c0-.04.001-.08.004-.12l-.004.138a2.428 2.428 0 01.177-.907 2.414 2.414 0 01.325-.562C24.542 1.96 29.407 0 34.8 0c4.711 0 9.1 1.516 11.743 4.056A4.8 4.8 0 0148 7.51v27.655a3.568 3.568 0 01-1.757 3.093 3.557 3.557 0 01-3.541.076c-1.93-1.045-4.81-1.644-7.902-1.644-4.547 0-7.854 1.255-9.114 2.5l-.09.08-.033.031a2.45 2.45 0 01-.01.01l.133-.121a2.414 2.414 0 01-.238.206l-.055.039a1.666 1.666 0 01-.098.067l-.08.05a1.554 1.554 0 01-.173.091c-.034.017-.069.033-.104.048l-.067.027a1.976 1.976 0 01-.285.09 2.518 2.518 0 01-.586.073c-.063 0-.127-.003-.19-.008z'
        fill='currentColor'
        fillRule='evenodd'
      />
    </svg>
  </BoostnoteIconStyledContainer>
)
